<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/detail.css">
    <title>Cakeboss蛋糕老板</title>
</head>
<body>
    <header></header>
    <div class="detail_body">
        <div id="detailList"></div>
            <script type="text/html" id="detailTemplate">
            
            <div class="detail_body_top">
                <div class="top_detileImg swiper-container">
                    <div class="mediumImg_box">
                        <img src="{{photo[0].url}}" alt="" class = "mediumImg">
                    </div>
                    <ul class="top_samllImg swiper-wrapper" id='gal1'>
                            {{ each  photo img}}
                        <li class="swiper-slide">
                            <a href="javascript:;" data-image="{{img.url}}" data-zoom-image="{{img.url}}">
                                <img src="{{img.url}}"  class="smallpic">
                            </a>
                            <!-- <img src="" alt="">  -->
                        </li>
                        
                        {{/each}}
                    </ul>
                    <div class="swiper-scrollbar"></div>
                </div>
                <!-- <div class="top_bigImg">
                    <img src="" alt="">
                </div> -->
                <div class="shopBtn">
                        <p><span class = "shop_name">{{title}}</span></p>
                        <span>￥ {{price}}</span>
                        <p><button class="addbtn" ><a href="javascript:;">加入购物车</a></button></p>
                        <p><button class="shop_btn"><a href="/html/shopingcar.html" target="_blank"  >立即购买</a></button></p> 

                </div>
            </div>
            <div class="detail_body_bottom">
                    {{each descContentList.slice(0,9) bigImg}}
                    <img src="{{bigImg.image.url}}" alt="" class="bottom_bigimg">
                    {{/each}}
                    <!-- <img src="" alt=""> -->
            </div>
            
        </script>
        
        <img src="" alt="">


    </div>
    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/detail"></script>
</html>